<!doctype html>
<html>
  <head>
    <!-- FOLLOW VITE BUILD INJECT -->

    <script>
      const host = "https://localhost:2233"

      const createRefreshRuntimeScript = `
      import RefreshRuntime from "${host}/@react-refresh";
      RefreshRuntime.injectIntoGlobalHook(window);
      window.$RefreshReg$ = () => {};
      window.$RefreshSig$ = () => (type) => type;
      window.__vite_plugin_react_preamble_installed__ = true;
`

      const $script = document.createElement("script")
      $script.innerHTML = createRefreshRuntimeScript
      $script.type = "module"
      document.head.appendChild($script)

      createModuleScript(`${host}/@vite/client`)
      createModuleScript(`${host}/src/main.tsx`)
      function createModuleScript(src) {
        const $script = document.createElement("script")
        $script.src = src
        $script.type = "module"
        document.head.appendChild($script)
      }

      globalThis["__DEBUG_PROXY__"] = true
    </script>

    <meta charset="UTF-8" />
    <meta name="referrer" content="no-referrer" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"
    />

    <meta name="theme-color" content="#ff5c00" />
    <!-- favicon -->
    <link rel="icon" href="/favicon-dev.ico" type="image/x-icon" />
    <title>Follow</title>
    <script>
      function setTheme() {
        let e = "follow:color-mode",
          t = document.documentElement,
          a = localStorage.getItem(e)
        function h() {
          return window.matchMedia
            ? window.matchMedia("(prefers-color-scheme: dark)").matches
              ? "dark"
              : window.matchMedia("(prefers-color-scheme: light)").matches
                ? "light"
                : void 0
            : void 0
        }
        if (!a) {
          t.dataset.theme = h() || "light"
          return
        }
        switch ((a = JSON.parse(a))) {
          case "dark":
            t.dataset.theme = "dark"
            break
          case "light":
            t.dataset.theme = "light"
            break
          case "system":
            t.dataset.theme = h() || "light"
        }
      }
      setTheme()
    </script>
    <script>
      ;(function () {
        var e = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches,
          t = localStorage.getItem("theme") || '"system"'
        t && t !== '"system"' && (document.documentElement.dataset.theme = t)
        t && t === '"system"' && e && (document.documentElement.dataset.theme = "dark")
      })()
    </script>
  </head>
  <body>
    <div id="root">
      <!-- Skeleton -->
      <div class="h-full w-full flex">
        <div class="w-64 shrink-0 h-full"></div>
        <div class="grow w-full h-full bg-theme-background"></div>
      </div>
    </div>
  </body>
</html>
